*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
.app{
	padding: 20px;
}
/* 上面查询 */
.query{
	border: 1px solid #ddd;
	border-radius: 6px;
}
.query_top{
	width: 100%;
	height: 40px;
	background: #F5F5F5;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 40px;
}
.query_top p{
	margin-left: 20px;
}
.query_bottom{
	line-height: 80px;
}
.query_name input,select{
	width: 300px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-left: 20px;
	outline: medium;
	padding-left: 10px;
}
.query_name span{
	font-size: 14px;
	font-weight: 600;
	margin-left: 40px;
}
.querybtn{
	width: 50px;
	height: 34px;
	background: #3073AC;
	margin: 26px 0 0 30px;
	border-radius: 6px;
	font-size: 14px;
	color: #fff;
	border: none;
}
/* 按钮 */
.btn{
	padding: 20px 0;
	margin-top: 10px;
}
.btn button{
	width: 72px;
	height: 34px;
	border: 1px solid #DDDDDD;
	margin-right: 4px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 4px;
}
.icon{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.add{
	background: url(../images/add.png) no-repeat center;
	background-size: cover;
}
.update{
	background: url(../images/update.png) no-repeat center;
	background-size: cover;
}
.dele{
	background: url(../images/dele.png) no-repeat center;
	background-size: cover;
}
/* 表格 */
.tbody_bottom table{
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
}
.tbody_bottom table>thead>tr>th{
	border: 1px solid #DDDDDD;
	padding: 8px;
}
.tbody_bottom table>tbody>tr>td{
	border: 1px solid #DDDDDD;
	padding: 8px;
	font-size: 14px;
}
/* 分页 */
.info{
	margin-top: 20px;
}
.info_left{
	font-size: 14px;
}
.info_left select{
	width: 50px;
	height: 34px;
	margin-left: 0;
}
.page ul li{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #DDDDDD;
	text-align: center;
	margin-right: 6px;
	cursor: pointer;
}
.page-item{
	display: inline-block;
}
.active{
	font-size: 14px;
	background:#337AB7;
	color: #fff;
}
/* 添加弹框 */
.add_form_box,.updata_form_box{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: absolute;
	top: 0;
	left: 0;
}
.add_formcon,.updata_formcon{
	width: 540px;
	height: 600px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.add_formcon p,.updata_formcon p{
	padding:20px;
	border-bottom: 1px solid #DDDDDD;
}
.bot{
	padding: 0 20px;
	box-sizing: border-box;
}
.bot h3{
	padding: 18px 0 10px 0;
	font-size: 14px;
}
.bot input{
	width: 98%;
	height: 32px;
	border: 1px solid #DDDDDD;
	outline: medium;
	padding: 0 0 0 10px;
	border-radius: 4px;
}
.btn-bot{
	width: 160px;
	margin: 0 auto;
}
.btn-bot button{
	outline: medium;
	width: 60px;
	height: 36px;
	margin-top: 50px;
	border: 1px solid #DDDDDD;
	margin-right: 10px;
}
[v-cloak]{
			display: none;
		}